<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ftable_learn</title>
</head>
<body>
    <h1>四大名著</h1>
    <ul>
        <li>红楼梦</li>
        <li>三国演义</li>
        <li>西游记</li>
        <li>水浒传</li>
    </ul>
</body>
</html> -->


<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ftable_learn</title>
</head>
<body>
    <h2>动漫</h2>
    <ul>
        <li>
            <h3>火影忍者</h3>
            <ul>
                <li>鸣人</li>
                <li>雏田</li>
                <li>佐助</li>
                <li>小樱</li>
            </ul>
        </li>
        <li>
            <h3>海贼王</h3>
            <ul>
                <li>路飞</li>
                <li>索隆</li>
                <li>香克斯</li>
                <li>白胡子</li>
            </ul>
            
        </li>
    </ul>
</body>
</html> -->


<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>排名情况</h2>
    <ol>
        <li>1班</li>
        <li>2班</li>
        <li>3班</li>
        <li>4班</li>
    </ol>
</body>
</html> -->


<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>动漫人物排名</h2>
    <ol>
        <h3>火影忍者</h3>
        <ol>
            <li>鸣人</li>
            <li>雏田</li>
            <li>佐助</li>
            <li>小樱</li>
        </ol>
        <h3>海贼王</h3>
            <ol>
                <li>路飞</li>
                <li>索隆</li>
                <li>香克斯</li>
                <li>白胡子</li>
            </ol>
    </ol>
</body>
</html> -->

<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>小说作者</h2>
    <dl>
        <dt>天蚕土豆</dt>
        <dd>作品《斗破苍穹》，《万相之王》，《大主宰》</dd>

        <dt>唐家三少</dt>
        <dd>作品《斗罗大陆》</dd>
    </dl>
</body>
</html> -->


<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" style="border-collapse: collapse;">
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
        </tr>
        <tr>
            <td>11</td>
            <td>12</td>
            <td>13</td>
        </tr>
        <tr>
            <td>21</td>
            <td>22</td>
            <td>23</td>
        </tr>
        <tr>
            <td>31</td>
            <td>32</td>
            <td>33</td>
        </tr>
    </table>
</body>
</html> -->


<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            td{
            width: 80px;
            height: 60px;
            text-align: center;
        }
        }

    </style>
</head>
<body>
    <table border="1" style="border-collapse: collapse;">
        <tr>
            <td colspan="2">1</td>
            <td rowspan="2">2</td>
            <td colspan="3">3</td>
            <td>4</td>
        </tr>
        <tr>
            <td rowspan="2">5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td rowspan="2">9</td>
            <td>10</td>
        </tr>
        <tr>
            <td rowspan="2">11</td>
            <td>12</td>
            <td colspan="2">13</td>
            <td rowspan="2">14</td>
        </tr>
        <tr>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td colspan="2">18</td>
        </tr>
    </table>
</body>
</html> -->

<!-- <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
        td{
        width: 160px;
        height: 40px;
        text-align: center;
    }}
    </style>
</head>
<body>
    <table border="1" style="border-collapse: collapse;">
        <caption>各地区固定资产投资情况</caption> -->
        <!-- 表头 -->
         <!-- <thead>
            <tr>
                <td rowspan="2">地区</td>
                <td colspan="2">按总量分</td>
                <td colspan="2">按比重分</td>
            </tr>
            <tr>
                <td>自年初累计(亿元)</td>
                <td>去年同期增长(%)</td>
                <td>自年初累计(亿元)</td>
                <td>去年同期增长(%)</td>
            </tr>
         </thead> -->
         <!-- 表格 -->
          <!-- <tbody>
            <tr>
                <td>全国</td>
                <td>300000</td>
                <td>3</td>
                <td>100</td>
                <td>200</td>
              </tr>
              <tr>
                <td>全国</td>
                <td>300000</td>
                <td>3</td>
                <td>100</td>
                <td>200</td>
              </tr>
              <tr>
                <td>全国</td>
                <td>300000</td>
                <td>3</td>
                <td>100</td>
                <td>200</td>
              </tr>
              <tr>
                <td>全国</td>
                <td>300000</td>
                <td>3</td>
                <td>100</td>
                <td>200</td>
              </tr>
              <tr>
                <td>全国</td>
                <td>300000</td>
                <td>3</td>
                <td>100</td>
                <td>200</td>
              </tr>
          </tbody>
    </table>
</body>
</html> -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<form action="">
    <p>
        用户名：<input type="text" placeholder="请输入用户名" value="123">
    </p>
    <p>
        密码：<input type="password" placeholder="请输入密码">
    </p>
    <p>
        性别：
        <input type="radio" name="sex">男
        <input type="radio" name="sex">女
        <input type="radio" name="sex">保密
    </p>
</form>
</body>
</html>
